<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
        <meta name="apple-mobile-web-app-capable" content="no" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black" />
        <link rel="apple-touch-startup-image" href="images/startup.png" />
        <link rel="apple-touch-icon" href="images/apple-touch-icon.png"/>
        <!-- CSS BEGIN -->
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="theme/ce-mobile-crm.min.css" />
        <link rel="stylesheet" href="lib/jquery.mobile/jquery.mobile.structure-1.1.1.min.css" />
        <link rel="stylesheet" href="lib/addon-icons/jqm-icon-pack-2.0-original.css" />
        <link rel="stylesheet" href="css/style.css" />
        <!-- CSS END -->

        <!-- JS BEGIN -->
        <script type="text/javascript" src="lib/jquery/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="lib/jquery.mobile/jquery.mobile-1.1.1.min.js"></script>
        <script type="text/javascript" src="js/SearchByModule.js"></script>
        <script type="text/javascript" src="js/jquery.mobile-config.js"></script>
        <script type="text/javascript" src="js/Md5.js"></script>
        <script type="text/javascript" src="js/Accounts.js"></script>
        <script type="text/javascript" src="js/Contacts.js"></script>
        <script type="text/javascript" src="js/Opportunities.js"></script>
        <script type="text/javascript" src="js/Leads.js"></script>
        <script type="text/javascript" src="js/Calls.js"></script>
        <script type="text/javascript" src="js/Meetings.js"></script>
        <script type="text/javascript" src="js/Tasks.js"></script>
        <script type="text/javascript" src="js/Notes.js"></script>
        <!-- JS END -->

        <!-- KEEP THESE OUTSIDE THE JS BEING SO THE MAKEFILE DOESNT REMOVE THEM -->
        <script type="text/javascript" src="js/Application.js"></script>
        <!-- END KEEP FILES -->
        <title>CE Mobile CRM</title>
    </head>
    <body>
        <div id="LoginPage" data-role="page" data-theme="a" data-title="Login">
            <div data-role="header" data-position="fixed" data-add-back-btn="false">
                <h1 id="LoginPageHeader">REPLACEMENT_TEXT</h1>
                <a class="AboutApplicationClass ui-btn-right" data-icon="question">REPLACEMENT_TEXT</a>
            </div><!-- /header -->
            <div data-role="content">
                <form id="LoginPageLoginForm" action="#" method="get">
                    <p id="LoginDescriptionParagraph">REPLACEMENT_TEXT</p>
                    <label for="SettingsPageSugarCrmUsername"><em>* </em><span id="UsernameLabel">REPLACEMENT_TEXT</span></label>
                    <input id="SettingsPageSugarCrmUsername" type="text" data-validation="[/^\s*\S.*$/]" />
                    <br />
                    <label for="SettingsPageSugarCrmPassword"><em>* </em><span id="PasswordLabel">REPLACEMENT_TEXT</span></label>
                    <input id="SettingsPageSugarCrmPassword" type="password" data-validation="[/^\s*\S.*$/]" class="invalid" />
                    <br />
                    <a id="LoginFormLoginButton" href="javascript:LoginUser();" data-role="button">REPLACEMENT_TEXT</a>
                </form>
            </div>
        </div><!-- /page -->

        <div id="HomePage" data-role="page" data-theme="a" data-title="Home" data-add-back-btn="false">
            <div data-role="header" data-position="fixed">
                <h1 id="HomePageHeader">REPLACEMENT_TEXT</h1>
            </div><!-- /header -->
            <div data-role="content">
                <div class="IconWrapper">
                    <div class="IconContainer">
                        <a href="#AccountsListPage">
                            <div class="AccountsIcon"></div>
                            <div id="AccountsListPageLinkLabel"></div>
                        </a>
                    </div>

                    <div class="IconContainer">
                        <a href="#ContactsListPage">
                            <div class="ContactsIcon"></div>
                            <div id="ContactsListPageLinkLabel"></div>
                        </a>
                    </div>

                    <div class="IconContainer">
                        <a href="#OpportunitiesListPage">
                            <div class="OpportunitiesIcon"></div>
                            <div id="OpportunitiesListPageLinkLabel"></div>
                        </a>
                    </div>
                    <div class="IconContainer">
                        <a href="#LeadsListPage">
                            <div class="LeadsIcon"></div>
                            <div id="LeadsListPageLinkLabel"></div>
                        </a>
                    </div>
                    <div class="IconContainer">
                        <a href="#CallsListPage">
                            <div class="CallsIcon"></div>
                            <div id="CallsListPageLinkLabel"></div>
                        </a>
                    </div>
                    <div class="IconContainer">
                        <a href="#MeetingsListPage">
                            <div class="MeetingsIcon"></div>
                            <div id="MeetingsListPageLinkLabel"></div>
                        </a>
                    </div>
                    <div class="IconContainer">
                        <a href="#TasksListPage">
                            <div class="TasksIcon"></div>
                            <div id="TasksListPageLinkLabel"></div>
                        </a>
                    </div>
                    <div class="IconContainer">
                        <a href="#SearchListPage">
                            <div class="SearchIcon"></div>
                            <div id="SearchListPageLinkLabel"></div>
                        </a>
                    </div>
                </div>
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div id="MainMenuNavBar" data-role="navbar">
                    <ul>
                        <li><a id="AddNewButton" href="#AddNewSelectTypePage" data-iconpos="top" data-icon="plus" data-rel="dialog">REPLACEMENT_TEXT</a></li>
                        <li><a id="LogOutButton" href="javascript:LogOutUser();" class="LogoutButton" data-iconpos="top" data-icon="back">REPLACEMENT_TEXT</a></li>
                        <li><a class="AboutApplicationClass" data-iconpos="top" data-icon="info">REPLACEMENT_TEXT</a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="AccountsListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="AccountsListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllAccountsListUl" data-role="listview" data-filter="false" data-theme="d" />
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetAccountsListFromServer(AccountsListPrevOffset);" class="PreviousRecordsButton" data-icon="arrow-l">REPLACEMENT_TEXT</a></li>
                        <li><a href="javascript:SugarCrmGetAccountsListFromServer(AccountsListNextOffset);" class="NextRecordsButton" data-icon="arrow-r">REPLACEMENT_TEXT</a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="ContactsListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="ContactsListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllContactsListDiv" data-role="listview" data-filter="false" data-theme="d" />
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetContactListFromServer(ContactsListPrevOffset);"  class="PreviousRecordsButton"data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetContactListFromServer(ContactsListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="OpportunitiesListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="OpportunitiesListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllOpportunitiesListDiv" data-role="listview" data-filter="false" data-theme="d"/>
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetOpportunitiesListFromServer(OpportunitiesListPrevOffset);"  class="PreviousRecordsButton" data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetOpportunitiesListFromServer(OpportunitiesListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="LeadsListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="LeadsListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllLeadsListDiv" data-role="listview" data-filter="false" data-theme="d" />
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetLeadsListFromServer(LeadsListPrevOffset);"  class="PreviousRecordsButton" data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetLeadsListFromServer(LeadsListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="CallsListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="CallsListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllCallsListDiv" data-role="listview" data-filter="false" data-theme="d"/>
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetCallsListFromServer(CallsListPrevOffset);"  class="PreviousRecordsButton" data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetCallsListFromServer(CallsListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="MeetingsListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="MeetingsListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllMeetingsListDiv" data-role="listview" data-filter="false" data-theme="d"/>
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetMeetingsListFromServer(MeetingsListPrevOffset);"  class="PreviousRecordsButton" data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetMeetingsListFromServer(MeetingsListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->


        <div id="TasksListPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="TasksListPageTitle"></h1>
            </div><!-- /header -->
            <div data-role="content">
                <ul id="AllTasksListDiv" data-role="listview" data-filter="false" data-theme="d"/>
            </div><!-- /content -->
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmGetTasksListFromServer(TasksListPrevOffset);"  class="PreviousRecordsButton" data-icon="arrow-l"></a></li>
                        <li><a href="javascript:SugarCrmGetTasksListFromServer(TasksListNextOffset);" class="NextRecordsButton" data-icon="arrow-r"></a></li>
                    </ul>
                </div>
            </div>
        </div><!-- /page -->

        <div id="ViewAccountDetailsPage" data-role="page" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="ViewAccountDetailsPageTitle"></h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="AccountNameH1"></h3>
                <p id="AccountDescriptionP"></p>
                <div>
                    <ul id="ViewAccountDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewAccountDetailsPageContactsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewAccountDetailsPageOpportunitiesListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewAccountDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewAccountDetailsPageCallsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewAccountDetailsPageMeetingsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewAccountDetailsPageTasksListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingAccount();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingAccount()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewContactDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="ViewContactDetailsPageTitle"></h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="ContactNameH1"></h3>
                <p id="ContactTitleP"></p>
                <div>
                    <ul id="ViewContactDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewContactDetailsPageOpportunitiesListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewContactDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewContactDetailsPageCallsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewContactDetailsPageMeetingsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewContactDetailsPageTasksListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingContact();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingContact()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewOpportunityDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Opportunity Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="OpportunityNameH1"></h3>
                <p id="OpportunityDescriptionP"></p>
                <div>
                    <ul id="ViewOpportunityDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewOpportunityDetailsPageContactsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewOpportunityDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewOpportunityDetailsPageCallsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewOpportunityDetailsPageMeetingsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewOpportunityDetailsPageTasksListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingOpportunity();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingOpportunity()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewLeadDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Lead Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="LeadNameH1"></h3>
                <p id="LeadTitleP"></p>
                <div>
                    <ul id="ViewLeadDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewLeadDetailsPageCallsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewLeadDetailsPageMeetingsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewLeadDetailsPageTasksListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingLead();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingLead()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewCallDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Call Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="CallNameH1"></h3>
                <p id="CallSubjectP"></p>
                <div>
                    <ul id="ViewCallDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewCallDetailsPageContactsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewCallDetailsPageUsersListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewCallDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewCallDetailsPageNotesListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingCall();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingCall()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewMeetingDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Meeting Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="MeetingNameH1"></h3>
                <p id="MeetingSubjectP"></p>
                <div>
                    <ul id="ViewMeetingDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewMeetingDetailsPageContactsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewMeetingDetailsPageUsersListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewMeetingDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewMeetingDetailsPageNotesListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingMeeting();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingMeeting()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewTaskDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Task Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="TaskNameH1"></h3>
                <p id="TaskSubjectP"></p>
                <div>
                    <ul id="ViewTaskDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
                <div>
                    <ul id="ViewTaskDetailsPageContactsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewTaskDetailsPageUsersListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>

                <div>
                    <ul id="ViewTaskDetailsPageLeadsListUl" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingTask();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingTask()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="ViewNoteDetailsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1>Note Details</h1>
                <a href="#HomePage" data-icon="home" data-direction="reverse" class="ui-btn-right">Home</a>
            </div>
            <div data-role="content">
                <h3 id="NoteSubjectH1"></h3>
                <p id="NoteTextP"></p>
                <div>
                    <ul id="ViewNoteDetailsPageDetailsList" data-role="listview" data-inset="true" data-theme="d"/>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmEditExistingNote();"  class="EditRecordClass" data-icon="edit"></a></li>
                        <li><a href="javascript:SugarCrmDeleteExistingNote()" class="DeleteRecordClass" data-icon="trash"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="AddNewSelectTypePage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="SelectNewRecordTypeHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <ul data-role="listview" data-theme="d">
                    <li><a id="CreateNewAccountButton" href="javascript:SugarCrmCreateNewAccount();">REPLACEMENT_TEXT</a></li>
                    <li><a id="CreateNewContactButton" href="javascript:SugarCrmCreateNewContact();">REPLACEMENT_TEXT</a></li>
                    <!-- TEMPORARILY REMOVING TO ENABLE A RELEASE
                    <li><a id="CreateNewOpportunityButton" href="javascript:SugarCrmCreateNewOpportunity();">REPLACEMENT_TEXT</a></li>
                    <li><a id="CreateNewLeadButton" href="javascript:SugarCrmCreateNewLead();">REPLACEMENT_TEXT</a></li>
                    <li><a id="CreateNewCallButton" href="javascript:SugarCrmCreateNewCall();">REPLACEMENT_TEXT</a></li>
                    <li><a id="CreateNewMeetingButton" href="javascript:SugarCrmCreateNewMeeting();">REPLACEMENT_TEXT</a></li>
                    <li><a id="CreateNewTaskButton" href="javascript:SugarCrmCreateNewTask();">REPLACEMENT_TEXT</a></li>
                    -->
                </ul>
            </div>
        </div>

        <div data-role="page" id="CreateNewAccountPage" data-theme="a" data-add-back-btn="false">
            <div data-role="header" data-position="fixed">
                <h1 id="NewAccountHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <form id="CreateNewAccountPageCreateAccountForm" action="#" method="get">
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label for="AccountNameTextBox"><em>* </em><span id="AccountNameLabel">REPLACEMENT_TEXT</span></label>
                        <input id="AccountNameTextBox" type="text" data-validation="[/^\s*\S.*$/]" class="invalid" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label id="NewAccountOfficePhoneLabel" for="NewAccountOfficePhoneTextBox">REPLACEMENT_TEXT</label>
                        <input id="NewAccountOfficePhoneTextBox" type="tel" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label id="NewAccountWebSiteLabel" for="NewAccountWebSiteTextBox">REPLACEMENT_TEXT</label>
                        <input id="NewAccountWebSiteTextBox" type="text" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label id="NewAccountPhoneFaxLabel" for="NewAccountPhoneFaxTextBox">REPLACEMENT_TEXT</label>
                        <input id="NewAccountPhoneFaxTextBox" type="tel" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label id="NewAccountPrimaryEmailLabel" for="NewAccountPrimaryEmailTextBox">REPLACEMENT_TEXT</label>
                        <input id="NewAccountPrimaryEmailTextBox" type="email" />
                    </div>
                    <div data-role="fieldcontain" class="ui-hide-label">
                        <label id="NewAccountDescriptionLabel" for="NewAccountDescriptionTextArea">REPLACEMENT_TEXT</label>
                        <textarea id="NewAccountDescriptionTextArea"></textarea>
                    </div>
                    <ul data-role="listview" data-inset="true">
                        <li id="NewAccountBillingAddressDivider" data-role="list-divider">REPALCEMENT_TEXT</li>
                        <li>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountBillingAddressStreetLabel" for="NewAccountBillingAddressStreetTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountBillingAddressStreetTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountBillingAddressCityLabel" for="NewAccountBillingAddressCityTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountBillingAddressCityTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountBillingAddressStateLabel" for="NewAccountBillingAddressStateTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountBillingAddressStateTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountBillingAddressPostalCodeLabel" for="NewAccountBillingAddressPostalCodeTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountBillingAddressPostalCodeTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountBillingAddressCountryLabel" for="NewAccountBillingAddressCountryTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountBillingAddressCountryTextBox" />
                            </div>
                        </li>
                        <li data-theme="d"><a href="#" id="NewAccountBillingAddressUseLocButton" onclick="SugarCrmUseCurrentLocationAsAccountAddress();" data-role="button" data-theme="d" data-icon="mappin"></a></li>
                    </ul>
                    <!-- Shipping Address -->
                    <ul data-role="listview" data-inset="true">
                        <li id="NewAccountShippingAddressDivider" data-role="list-divider">REPALCEMENT_TEXT</li>
                        <li>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountShippingAddressStreetLabel" for="NewAccountShippingAddressStreetTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountShippingAddressStreetTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountShippingAddressCityLabel" for="NewAccountShippingAddressCityTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountShippingAddressCityTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountShippingAddressStateLabel" for="NewAccountShippingAddressStateTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountShippingAddressStateTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountShippingAddressPostalCodeLabel" for="NewAccountShippingAddressPostalCodeTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountShippingAddressPostalCodeTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountShippingAddressCountryLabel" for="NewAccountShippingAddressCountryTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountShippingAddressCountryTextBox" />
                            </div>
                        </li>
                        <li data-theme="d"><a href="#" id="NewAccountShippingAddressUseBillingButton" onclick="SugarCrmUseBillingAsShippingAddress();" data-role="button" data-theme="d" data-icon="mappin"></a></li>
                    </ul>
                    <!-- MORE INFORMATION SECTION -->
                    <ul data-role="listview" data-inset="true">
                        <li id="NewAccountMoreInformationDivider" data-role="list-divider">REPALCEMENT_TEXT</li>
                        <li>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountAnnualRevenueLabel" for="NewAccountAnnualRevenueTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountAnnualRevenueTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountSicCodeLabel" for="NewAccountSicCodeTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountSicCodeTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountEmployeesLabel" for="NewAccountEmployeesTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountEmployeesTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountTickerSymbolLabel" for="NewAccountTickerSymbolTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountTickerSymbolTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountOwnershipLabel" for="NewAccountOwnershipTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountOwnershipTextBox" />
                            </div>
                            <div data-role="fieldcontain" class="ui-hide-label">
                                <label id="NewAccountRatingLabel" for="NewAccountRatingTextBox">REPLACEMENT_TEXT</label>
                                <input id="NewAccountRatingTextBox" />
                            </div>
                        </li>
                    </ul>
                </form>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a id="NewAccountSaveButton" href="#"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a id="NewAccountCancelButton" href="#HomePage" onclick="cancelAccountCreateOrEdit();" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewContactPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="NewContactHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div id="CreatNewContactForm" data-role="content">
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="ContactFirstNameTextBox"><em>* </em><span id="ContactFirstNameLabel">REPLACEMENT_TEXT</span></label>
                    <input id="ContactFirstNameTextBox" type="text" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="ContactLastNameTextBox"><em>* </em><span id="ContactLastNameLabel">REPLACEMENT_TEXT</span></label>
                    <input id="ContactLastNameTextBox" type="text" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactOfficePhoneLabel" for="ContactOfficePhoneTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactOfficePhoneTextBox" type="tel" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactMobilePhoneLabel" for="ContactMobileTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactMobilePhoneTextBox" type="tel" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactPhoneFaxLabel" for="ContactPhoneFaxTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactPhoneFaxTextBox" type="tel" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactEmailLabel" for="ContactEmailTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactEmailTextBox" type="email" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactTitleLabel" for="ContactTitleTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactTitleTextBox" type="text" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="ContactDepartmentLabel" for="ContactDepartmentTextBox">REPLACEMENT_TEXT</label>
                    <input id="ContactDepartmentTextBox" type="text" />
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="NewContactDescriptionLabel" for="NewContactDescriptionTextArea">REPLACEMENT_TEXT</label>
                    <textarea id="NewContactDescriptionTextArea"></textarea>
                </div>

                <ul data-role="listview" data-inset="true">
                    <li id="NewContactPrimaryAddressDivider" data-role="list-divider">REPALCEMENT_TEXT</li>
                    <li>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactPrimaryAddressStreetLabel" for="NewContactPrimaryAddressStreetTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactPrimaryAddressStreetTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactPrimaryAddressCityLabel" for="NewContactPrimaryAddressCityTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactPrimaryAddressCityTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactPrimaryAddressStateLabel" for="NewContactPrimaryAddressStateTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactPrimaryAddressStateTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactPrimaryAddressPostalCodeLabel" for="NewContactPrimaryAddressPostalCodeTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactPrimaryAddressPostalCodeTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactPrimaryAddressCountryLabel" for="NewContactPrimaryAddressCountryTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactPrimaryAddressCountryTextBox" />
                        </div>
                    </li>
                    <li data-theme="d"><a href="#" id="NewContactPrimaryAddressUseLocButton" onclick="SugarCrmUseCurrentLocationAsContactPrimaryAddress();" data-role="button" data-theme="d" data-icon="mappin"></a></li>
                </ul>
                <!-- Shipping Address -->
                <ul data-role="listview" data-inset="true">
                    <li id="NewContactOtherAddressDivider" data-role="list-divider">REPALCEMENT_TEXT</li>
                    <li>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactOtherAddressStreetLabel" for="NewContactOtherAddressStreetTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactOtherAddressStreetTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactOtherAddressCityLabel" for="NewContactOtherAddressCityTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactOtherAddressCityTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactOtherAddressStateLabel" for="NewContactOtherAddressStateTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactOtherAddressStateTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactOtherAddressPostalCodeLabel" for="NewContactOtherAddressPostalCodeTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewAccountShippingAddressPostalCodeTextBox" />
                        </div>
                        <div data-role="fieldcontain" class="ui-hide-label">
                            <label id="NewContactOtherAddressCountryLabel" for="NewContactOtherAddressCountryTextBox">REPLACEMENT_TEXT</label>
                            <input id="NewContactOtherAddressCountryTextBox" />
                        </div>
                    </li>
                    <li data-theme="d"><a href="#" id="NewAccountShippingAddressUseBillingButton" onclick="SugarCrmUseBillingAsShippingAddress();" data-role="button" data-theme="d" data-icon="mappin"></a></li>
                </ul>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewContact();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewOpportunityPage" data-theme="a">
            <div data-role="header" data-position="fixed">
                <h1 id="NewOpportunityHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="NewOpportunityNameLabel" for="NewOpportunityNameTextBox"><em>* </em><span id="NewOpportunityNameLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityNameTextBox" type="text" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label id="NewOpportunityAccountNameLabel" for="NewOpportunityAccountNameTextBox"><em>* </em><span id="NewOpportunityAccountNameLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityAccountNameTextBox" type="text" data-validation="[^\s*\S]"/>
                </div>                
                <div data-role="fieldcontain">
                    <label id="NewOpportunityCurrencyLabel" for="NewOpportunityCurrencySelect"><em>* </em><span id="NewOpportunityCurrencySelectLabel">REPLACEMENT_TEXT</span></label>
                    <select id="NewOpportunityCurrencySelect">
                        <option>REPLACEMENT TEXT</option>
                    </select>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityExpectedCloseDateTextBox"><em>* </em><span id="NewOpportunityExpectedCloseDateLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityExpectedCloseDateTextBox" type="text" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityAmountTextBox"><em>* </em><span id="NewOpportunityAmountLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityAmountTextBox" type="number" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityTypeSelect"><em>* </em><span id="NewOpportunityTypeLabel">REPLACEMENT_TEXT</span></label>
                    <select id="NewOpportunityTypeSelect">
                        <option>REPLACEMENT TEXT</option>
                    </select>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunitySalesStageSelect"><em>* </em><span id="NewOpportunitySalesStageLabel">REPLACEMENT_TEXT</span></label>
                    <select id="NewOpportunitySalesStageSelect">
                        <option>REPLACEMENT TEXT</option>
                    </select>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityLeadSourceSelect"><em>* </em><span id="NewOpportunityLeadSourceLabel">REPLACEMENT_TEXT</span></label>
                    <select id="NewOpportunityLeadSourceSelect">
                        <option>REPLACEMENT TEXT</option>
                    </select>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityProbabilityTextBox"><em>* </em><span id="NewOpportunityProbabilityLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityProbabilityTextBox" type="number" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityCampaignTextBox"><span id="NewOpportunityCampaignLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityCampaignTextBox" type="number" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityNextStepTextBox"><span id="NewOpportunityNextStepLabel">REPLACEMENT_TEXT</span></label>
                    <input id="NewOpportunityNextStepTextBox" type="number" data-validation="[^\s*\S]"/>
                </div>
                <div data-role="fieldcontain" class="ui-hide-label">
                    <label for="NewOpportunityDescriptionTextBox"><span id="NewOpportunityDescriptionLabel">REPLACEMENT_TEXT</span></label>
                    <textarea id="NewOpportunityDescriptionTextBox" data-validation="[^\s*\S]"></textarea>
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewOpportunity();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewLeadPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="NewLeadHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <label id="LeadNameLabel" for="LeadNameTextBox">REPLACEMENT_TEXT</label>
                    <input id="LeadNameTextBox" type="text" />
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewLead();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewCallPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="NewCallHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <label id="CallNameLabel" for="CallNameTextBox">REPLACEMENT_TEXT</label>
                    <input id="CallNameTextBox" type="text" />
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewCall();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewMeetingPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="NewMeetingHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <label id="MeetingNameLabel" for="MeetingNameTextBox">REPLACEMENT_TEXT</label>
                    <input id="MeetingNameTextBox" type="text" />
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewMeeting();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="page" id="CreateNewTaskPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="NewTaskHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <div data-role="fieldcontain">
                    <label id="TaskNameLabel" for="TaskNameTextBox">REPLACEMENT_TEXT</label>
                    <input id="TaskNameTextBox" type="text" />
                </div>
            </div>
            <div data-role="footer" data-position="fixed" data-theme="b">
                <div data-role="navbar" data-iconpos="top">
                    <ul>
                        <li><a href="javascript:SugarCrmAddNewOpportunity();"  class="SaveButtonClass" data-icon="check"></a></li>
                        <li><a href="#HomePage" class="CancelButtonClass" data-icon="back"></a></li>
                    </ul>
                </div>
            </div>
        </div>

        <div data-role="dialog" id="InformationDialogPage" data-theme="a" data-add-back-btn="false">
            <div data-role="header" data-position="fixed">
                <h1 id="InformationDialogPageHeader"></h1>
            </div>
            <div data-role="content">
                <p id="InformationDialogPageMessage"></p>
            </div>
        </div>

        <div data-role="page" id="SearchListPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="SearchPageHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <input type="search" name="search" id="ModuleSearchTerm" value="" />
                <fieldset id="AvailableSearchModulesFieldSet" data-role="controlgroup">
                    <legend><span id="SearchModulesLabel">REPLACEMENT_TEXT</span></legend>
                </fieldset>
                <a id="SearchPagePerformSearchButton" href="#SearchResultsPage" data-role="button">REPLACEMENT_TEXT</a>
            </div>
        </div>

        <div data-role="page" id="SearchResultsPage" data-theme="a" data-add-back-btn="true">
            <div data-role="header" data-position="fixed">
                <h1 id="SearchResultsPageHeader">REPLACEMENT_TEXT</h1>
            </div>
            <div data-role="content">
                <ul id="SearchResultsListUl" data-role="listview" data-inset="true" data-filter="false" data-theme="d" />
            </div>
        </div>

    </body>
</html>
